<html>
<head>
<title>easyStrValidate sample</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body>


<h1 style="font-size:150%;">easyStrValidate sample</h1>

<p>
下のテキスト入力部分は「最小5文字、最大20文字」と定義されています。<br />
入力内容に応じて、メッセージが変化します。
</p>
<p>

5文字以下、20文字以上の場合は、ボタンが押せなくなり、フォーム自体が送信できなくなります
</p>

<br />
テキストを入力

<form>
<input type="text" id="text" size="40" />
<p id="valid_message"></p>
<input type="submit" value="送信（submit）" />
</form>


</body>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="./jquery.easyStrValidate.min-0.01.js"></script>

<script>
$(function(){

    $('#text').focus();

    $('#text').easyStrValidate({
                   maxLength : 20,
                   messageID : 'valid_message'
    });
});
</script>


</html>
